<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户交流</title>
    <link rel="stylesheet" href="../CSS/chat.css">
    <link rel="stylesheet" href="/public/CSS/public.css">
    <link rel="stylesheet" href="/public/CSS/chatpublic.css">
</head>

<body>
    <header>
        <div>
            <span>爬虫聊天室</span>
        </div>
    </header>
    <section>
        <div class="promptBox"></div>
        <div id="showcase">
            <div id="chatContent"></div>
            <div id="chatInput">
                <p id="chatInputText"><textarea rows="2" id="chatInputTextarea" placeholder="在此输入……"></textarea>
                    <input type="button" id="sendButton" value="发送">
                </p>
            </div>
        </div>
        <div id="user">
            <b class="user_name">群聊成员</b>
            <ul id="userList"></ul>
            <div class="chat-message-status"></div>
        </div>
    </section>
</body>
<script src="/public/JS/jquery-3.7.0.min.js"></script>
<script src="/public/JS/port.js"></script>
<script src="/node_modules/socket.io/client-dist/socket.io.js"></script>
<script src="../JS/chat.js"></script>

</html>